/*
|--------------------------------------------------------------------------
| Structure styles
|--------------------------------------------------------------------------
*/

/*
|--------------------------------------------------------------------------
|  1.0 Grid
|  
|--------------------------------------------------------------------------
*/


/* #Base 1200 Grid
================================================== */

body {
	min-width: 1240px;
}

/* #Clearing
================================================== */

/* Use clearfix class on parent to clear nested columns, or wrap each row of columns in a <div class="row"> */

.clearfix:before, .clearfix:after, .row:before, .row:after {
    content: '\0020';
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
}
.row:after, .clearfix:after {
    clear: both;
}
.row, .clearfix {
    zoom: 1;
}

/*
|--------------------------------------------------------------------------
|  2.0 Layout
|  
|--------------------------------------------------------------------------
*/

/* #Pager
================================================== */

.pager {
    text-align: center;
    margin: 0;
}
.pager .pages {
    display: inline-block;
    margin: 0 30px;
    padding: 4px 3px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background-color: #f8f8f8;
    background-image: url(../images/stripes/stripes_3_b.png);
}
.pager .pages a, .pager .pages span.page-numbers {
    display: inline-block;
    margin: 0 1px;
    width: 35px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
.pager .pages a:hover {
    text-decoration: none;
}
.pager .pages a:hover, .pager .pages a.active, .pager .pages span.page-numbers.current {
    color: #fff;
}
.pager a.next_page, .pager a.prev_page {
    display: inline-block;
    line-height: 43px;
}

/* #Header
================================================== */

/* #menu
================================================== */

/* main menu 2nd level */

#Header .menu li ul {
    position: absolute;
    left: 0px;
    top: 100%;
    z-index: 205;
    margin: 0;
    display: none;
    background-image: url(../images/box_shadow.png);
    background-repeat: repeat-x;
    background-position: left top;
}
#Header .menu li>ul {
    box-shadow: 2px 2px 2px 0 #afafaf;
    -webkit-box-shadow: 2px 2px 2px 0 #afafaf;
}
#Header .menu li ul li {
    padding: 0;
    width: 190px;
    position: relative;
    font-weight: normal;
}
#Header .menu li ul li a {
    padding: 10px 10px 10px 20px;
    display: block;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    border-bottom: 1px solid #e7e7e7;
}
#Header .menu li ul li a .menu-arrow {
    position: absolute;
    right: 7px;
    top: 11px;
    font-size: 12px;
    color: rgba(0, 0, 0, 0.35);
    color: rgb(170, 170, 170);
}
#Header .menu>li ul li a:hover, #Header .menu>li ul li.hover>a {
    text-decoration: none;
    background: rgba(0, 0, 0, .06);
}

/* main menu 3rd level */

#Header .menu li ul li ul {
    position: absolute;
    left: 190px;
    top: 0px;
    z-index: 204;
}

/* Animation */

#Header .menu li ul li a {
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}